<!DOCTYPE>
<html>
<head>
	<meta charset="utf-8" />
	<title>电商网站</title>	
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="headerBar">
	<div class="topBar">
		<div class="comWidth">
			<div class="leftArea">
				<a href="#" class="collection">收藏慕课</a>
			</div>
			<div class="rightArea">
				欢迎来到慕课网！<a href="">[登录]</a><a href="">[免费注册]</a>
			</div>
		</div>
	</div><!-- topBar结束 -->
	<div class="logoBar login_logo">
		<div class="comWidth">	
			<div class="logo fl">
				<a href="#"><img src="images/logo.png" alt="慕课网"></a>
			</div>
			<h3 class="welcome_tit">欢迎登录</h3>
		</div>
	</div><!--  logoBar结束  -->
</div><!-- headerBar结束 -->
<div class="login_box">
	<div class="login_cont">
		<ul class="log">
			<li class="l_tit">邮箱/用户名/以验证手机</li>
			<li class="mb_10"><input type="text" class="login_input user_input"></li>
			<li class="l_tit">密码</li>
			<li class="mb_10"><input type="text" class="login_input pwd_input"></li>
			<li class="autologin"><input type="checkbox" class="checked" id="a1"><label for="a1" class="lab_rt">自动登录</label><input type="checkbox" class="checked" id="a1"><label for="a1" class="lab_rt">自动登录</label><input type="checkbox" class="checked" id="a1"><label for="a1" class="lab_rt">自动登录</label></li>
			<li input="button" value="" class="lon_btn">登录</li>
		</ul>
		<div class="lon_partners l_tit">
			<p>使用合作网站账号登录</p>
			<ul class="lon_list clearfix">
				<li><a href="#">QQ</a></li>
				<li><span>|</span></li>
				<li><a href="#">腾讯微博</a></li>
				<li><span>|</span></li>
				<li><a href="#">新浪微博</a></li>
				<li><span>|</span></li>
				<li><a href="#">网易</a></li>
			</ul>
		</div>
	</div>
	<a href="#" class="reg_btn">免费注册&gt;&gt;</a>
</div>
<div class="hr_15"></div>
<div class="footer"><!-- -->
	<p>
		<a href="#">网站首页</a><i>|</i>
		<a href="#">人才招聘</a><i>|</i>
		<a href="#">联系我们</a><i>|</i>
		<a href="#">慕课云</a><i>|</i>
		<a href="#">关于我们</a><i>|</i>
		<a href="#">讲师招募</a><i>|</i>
		<a href="#">意见反馈</a><i>|</i>
		<a href="#">友情链接</a>
	</p>
	<p>Copyright &copy; 2015 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
	<p class="web">
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
	</p>
</div>
</body>
</html>
